From 180c9577f8337991ca71470816333fe8430cd3ca Mon Sep 17 00:00:00 2001
From: real-zephex <zephex-1@outlook.com>
Date: Fri, 24 May 2024 22:51:36 +0530
Subject: =?UTF-8?q?=E2=9C=A8=20feat(ui):=20=F0=9F=8E=A8=20migrate=20from?=
 =?UTF-8?q?=20vanilla=20css=20to=20tailwind=20css,=20adopted=20next=20ui?=
 =?UTF-8?q?=20and=20restructured?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/kdrama/[id]/buttons.jsx | 86 -----------------------------------------
 1 file changed, 86 deletions(-)
 delete mode 100644 src/app/kdrama/[id]/buttons.jsx

(limited to 'src/app/kdrama/[id]/buttons.jsx')

diff --git a/src/app/kdrama/[id]/buttons.jsx b/src/app/kdrama/[id]/buttons.jsx
deleted file mode 100644
index 66292e7..0000000
--- a/src/app/kdrama/[id]/buttons.jsx
+++ /dev/null
@@ -1,86 +0,0 @@
-"use client";
-import styles from "../styles/info.module.css";
-import getVideoLink from "../components/videoLink";
-import React, { useState } from "react";
-import { MediaPlayer, MediaProvider } from "@vidstack/react";
-import "@vidstack/react/player/styles/default/theme.css";
-import "@vidstack/react/player/styles/default/layouts/video.css";
-import {
-	defaultLayoutIcons,
-	DefaultVideoLayout,
-} from "@vidstack/react/player/layouts/default";
-
-export default function EpisodesButtons({ data: episodeData, id: dramaId }) {
-	const [videoLink, setVideoLink] = useState(null);
-
-	async function test(a, b) {
-		let link = await getVideoLink(a, b);
-		setVideoLink(link);
-	}
-
-	return (
-		<div>
-			<div className={styles.EpisodesContainer}>
-				<h2>Episodes</h2>
-				<div className={styles.EpisodeButtons}>
-					{episodeData && episodeData.length > 0 ? (
-						episodeData.map((item, index) => (
-							<button
-								title={item.title}
-								key={index}
-								onClick={(event) => {
-									test(item.id, dramaId, item.title);
-									event.currentTarget.style.backgroundColor =
-										"var(--soft-purple)";
-								}}
-							>
-								<p>{item.title}</p>
-							</button>
-						))
-					) : (
-						<p style={{ color: "white" }}>
-							No episodes are available at the moment but they
-							will be made available soon. Thank you for your
-							patience.
-						</p>
-					)}
-				</div>
-			</div>
-
-			{videoLink && (
-				<div
-					className={styles.videoPopUp}
-					id="popup"
-					onKeyDown={(event) => {
-						if (event.code === "Escape") {
-							setVideoLink("");
-						}
-					}}
-				>
-					<div className={styles.video}>
-						<MediaPlayer
-							title="dramaPlayer"
-							src={videoLink}
-							load="eager"
-							className={styles.VideoPlayer}
-							playsInline
-							id="videoPlayer"
-							volume={0.8}
-						>
-							<MediaProvider />
-							<DefaultVideoLayout icons={defaultLayoutIcons} />
-						</MediaPlayer>
-						<button
-							className={styles.closeButton}
-							onClick={() => {
-								setVideoLink("");
-							}}
-						>
-							Close
-						</button>
-					</div>
-				</div>
-			)}
-		</div>
-	);
-}
-- 
cgit v1.2.3

